<!--  -->
<template>
  <div>
    <ChildSlot>
      <!-- 这种写法是旧版的写法 现在已经不被建议使用
      <div v-slot:header></div> -->
      <template #header>
        <p>我是插入的header</p>
      </template>
      <template #main>
        <p>main</p>
      </template>
      <!-- <template>
        <p>我是默认插槽</p>
      </template> -->
      <template #footer>
        <p>我是插入的header</p>
      </template>
      <!-- <template v-slot="scope">
        {{scope}}
      </template> -->
      <template v-slot="{user}">
        {{user.FirstName}}
      </template>
    </ChildSlot>
  </div>
</template>

<script>

import ChildSlot from '@/demo/child/childSlot.vue'
export default {
  data () {
    return {
    }
  },
  components: {
    ChildSlot
  }

}

</script>
<style lang='less' scoped>
</style>
